<template>
	<view class="list">
		<view class='flex justify list_item' v-for="(item,index) in list" :key="index" >
			<view>
				<view class="list_item_l">
					<text class="label">提现卡号</text>
					<text>{{item.cardId}}</text>
				</view>
				<view  class="list_item_l">
					<text class="label">提现金额</text>
					<text>{{item.money}}</text>
				</view>
				<view  class="list_item_l">
					<text class="label">实际到账金额</text>
					<text>{{item.actualArrival}}</text>
				</view>
				<view>
					<text style="color: #d6d6d6;">{{item.applicationTime}}</text>
				</view>
			</view>
			<view>
				<view >{{item.state}}</view>
			</view>
		</view>
		<view v-if="list.length==0">当前无数据</view>
	</view>
</template>

<script setup>
	import { computed ,ref,reactive,toRefs,onMounted} from 'vue';
	import { onLoad,onShow, onPageScroll, onPullDownRefresh } from '@dcloudio/uni-app';
	import sheep from '@/sheep';
	// 
	const list=ref()
	list.value=[]
	onLoad(()=>{
		getList()
	})
	
	const getList=()=>{
		sheep.$api.login.withdrawRecord().then(res=>{
			console.log(res);
			list.value=res.data
		})
	}
</script>

<style lang='scss' scoped>
	page{
		padding:20rpx 30rpx;
	}
	.list{
		background-color: #fff;
		padding:20rpx;
	}
	.flex{
		display:flex;
		align-items:center ;
	} 
	.justify{
		justify-content:space-between;
	}
	
	.list_item{
		padding:20rpx;
		font-size: 26rpx;
		border-bottom: 2rpx solid #eee;
	}
	.label{
		font-size: 28rpx;
		font-weight: 700;
		margin-right: 20rpx;
	}
	.list_item_l{
		line-height: 40rpx;
	}
	
</style>